<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<meta name="viewport" content="width=750,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/common.css" />
	<link rel="stylesheet" href="css/index.css" />
	<script>
		// (function(doc, win) {
		// 	var docEl = doc.documentElement;
		// 	var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
		// 	var recalc = function() {
		// 		var clientWidth = docEl.clientWidth;
		// 		if (!clientWidth) return;
		// 		if (clientWidth >= 750) {

		// 		} else {
		// 			docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
		// 		}
		// 	}
		// 	if (!doc.addEventListener) return;
		// 	win.addEventListener(resizeEvt, recalc, false);
		// 	doc.addEventListener('DOMContentLoaded', recalc, false);
		// })(document, window);
	</script>
</head>
<body>
	<div class="body">
		<header>
			<div class="header_left">
				<img src="images/logo.png" />
			</div>
			<div class="header_middle">
				<input type="text" class="search" value="" placeholder="请输入商品名称" />
			</div>
			<div class="header_right">
				<ul class="city">
					<li>广州市</li>
					<li>广州市</li>
					<li>广州市</li>
				</ul>
			</div>
		</header>

		<div class="banner">
			<img src="images/banner.png" />
		</div>

		<section class="discount">
			<ul class="section_header">
				<li><img src="images/discount-img.png" /></li>
				<li>优惠团购</li>
				<li><a href="#" class="more">更多</a></li>
			</ul>
			<div class="clearfix"></div>
			<ul class="activity">
				<li><a href="#"><img src="images/activity-img-1.png" alt=""></a></li>
				<li><a href="#"><img src="images/activity-img-2.png" alt=""></a></li>
				<li><a href="#"><img src="images/activity-img-3.png" alt=""></a></li>
				<li><a href="#"><img src="images/activity-img-4.png" alt=""></a></li>
			</ul>
			<div class="clearfix"></div>
		</section>

		<section class="heart">
			<ul class="section_header">
				<li><img src="images/heart-img.png" /></li>
				<li>猜你喜欢</li>
				<li><a href="#" class="more">更多</a></li>
			</ul>
			<div class="clearfix"></div>
			<ul class="case">
				<li>
					<img src="images/case-img-1.png" />
					<div class="info">
						<h2>
							<a href="#">万岁寿司（正佳店）</a>
							<span>&lt;100m</span>
						</h2>
						<p>[100店通用]双人套餐</p>
						<p>￥88.00<span>已售1000</span></p>
					</div>
					<div class="clearfix"></div>
				</li>
				<li>
					<img src="images/case-img-2.png" />
					<div class="info">
						<h2>
							<a href="#">万岁寿司（正佳店）</a>
							<span>&lt;100m</span>
						</h2>
						<p>[100店通用]双人套餐</p>
						<p>￥88.00<span>已售1000</span></p>
					</div>
					<div class="clearfix"></div>
				</li>
				<li>
					<img src="images/case-img-3.png" />
					<div class="info">
						<h2>
							<a href="#">周黑鸭（正佳店）</a>
							<span>&lt;100m</span>
						</h2>
						<p>[100店通用]双人套餐</p>
						<p>￥88.00<span>已售1000</span></p>
					</div>
					<div class="clearfix"></div>
				</li>
			</ul>
		</section>

		<div class="blank"></div>

		<nav>
			<a href="#"><img src="images/nav-img-1-focus.png" /><br>首页</a>
			<a href="category.html"><img src="images/nav-img-2.png" /><br>分类</a>
			<a href="find.html"><img src="images/nav-img-3.png" /><br>发现</a>
			<a href="myself.html"><img src="images/nav-img-4.png" /><br>我的</a>
		</nav>
	</div>
</body>
</html>